<template>
	<view class="companyDetail" v-if="is_show" :style=" !join_in ? 'background:#fff' : 'background:#fff'">
		<nav-bar :title="'裝修主页'" @back="goBack"></nav-bar>
		<view v-if="join_in && !info_show">
			<view class="companyImg" style="display: flex;">
				<view :class="doorboard ? 'titlImg' : 'titlImg'" :style="doorboard ? 'height:auto' : 'height:480rpx;'"
					@click="fxImg('doorboard')">
					<!-- v-if="doorboard != '' -->
					<view class="" v-if="doorboard">
						<image style="width: 100%;" :src="img_path + doorboard" mode="aspectFill"></image>
					</view>
					<!-- <view class="titlImg_center" v-else>
						<view class="df ac" style="justify-content: center;">
							<van-icon name="plus" size="35" color="#fff" />
						</view>
						<view class="name f18 f500 mt10">
							上传一张最能展示企业实力的照片
						</view>
					</view> -->
					<view v-else class="upload_pic_box2 sf ac" style="flex-direction: column;justify-content:center;">
						<view class="df jc">
							<van-icon name="plus" size="25" color="#1050c7" />
						</view>
						<view class="tc mt20 f13">
							上传一张最能展示企业实力的照片
						</view>
					</view>
					<view class="titlImg_up f12">上传主图</view>
				</view>

			</view>
			<view class="caiJ" v-if="caijiIMg">
				<view class="container" style="height: 90vh;width: 100%;margin: 0 0;">
					<bt-cropper ref="cropper" quality :ratio="16/9" :imageSrc="img_path + JIeq"
						:dWidth="0"></bt-cropper>
					<!-- <okingtz-cropper ></okingtz-cropper> -->
					<view class="CQbutton">
						<button @click="cancellations">取消</button>
						<button style="color: red;" @click="crop">确定</button>
					</view>
				</view>
			</view>
			<view class="caiJ" v-if="caijiIMg2">
				<view class="container" style="height: 90vh;width: 100%;margin: 0 0;">
					<bt-cropper ref="cropper" quality :ratio="1/1" :imageSrc="img_path + JIeq" :dWidth="0"></bt-cropper>
					<!-- <okingtz-cropper ></okingtz-cropper> -->
					<view class="CQbutton">
						<button @click="cancellation2">取消</button>
						<button style="color: red;" @click="crop2">确定</button>
					</view>
				</view>
			</view>
			<view style="margin-top:-25rpx;border-radius: 30rpx 30rpx 0rpx 0rpx;overflow:hidden;position: relative;">
				<view class="companyBox" style="margin-bottom: 0;padding: 30rpx 0 30rpx 30rpx;">
					<view style="display: flex;align-items: start;">
						<view class="logoUrl" style="margin-right: 10px;" @click="fxImg('logoUrl')">
							<image :style="logo ? '' : 'width:70%;'" :class=" logo ? '' : 'image_logo' "
								:src=" logo ? img_path + logo : img_path + logoUrl" mode="widthFix"></image>
							<view class="sc_logo f10">
								{{ logo ? '点击更换' : '上传LOGO' }}
							</view>
						</view>
						<view class="sanDeng" style="width: 460rpx;margin-right: 10rpx;">
							<view class="companyName">{{ val[0] }}</view>
							<view class="mt20 df ac" v-if="info && info.userInfo">
								<view class="df ac mr10"
									v-if="info.userInfo.grade === 2 && info.userInfo.grade_type === 1">
									<image style="height: 40rpx;"
										:src="getImgSrc('/uploads/20241212/1733996941675ab18d98284.png')"
										mode="heightFix">
									</image>
								</view>
								<view class="df ac" v-if="info.state === 1">
									<image style="height: 54rpx;" src="@/static/icon/gsrz_icon.png" mode="heightFix">
									</image>
								</view>
							</view>
						</view>
					</view>
					<view class="bus_license" @click="ClickImage">
						<image src="@/static/icon/Business_license.png" mode="aspectFill"></image>
					</view>
				</view>


				<view class="companyBox" style="background-color: #EEF7FE;position: relative;display: block;">
					<map :enable-scroll="false" :latitude="latitude" scale="16" :markers="poiList" style="width: 100%;"
						:longitude="longitude"></map>
					<view class="map_top"></view>
					<view class="df sb ac">
						<view class="companyParticulars" style="font-weight: bold;color: black;">
							{{ province }} · {{city}} |
							{{val[4].replace(new RegExp(`(${province}|${city})`, 'g'), '').trim()  }}{{house_number ? '（'+ house_number +'）' : ''}}
							<!-- {{ province }} · {{val[4] }} -->
						</view>
						<view class="companyParticulars df ac"
							style="color:#1050c7;width:45%;text-align: right; justify-content: flex-end;"
							v-if="info.distance_in_km">
							<view><uni-icons type="location" color="#1050c7" size="22"></uni-icons></view>
							<view>距您{{ info.distance_in_km}}{{info.unit}}</view>
						</view>
					</view>
					<view class="detailedness_box_after">
						<view class="" style="text-align: center;color:#fff;line-height: 45rpx;">
							工厂定位请在 <br />
							【企业资料管理】- 【工厂定位】中设置
						</view>
					</view>
				</view>
				<view style="height:2rpx;"></view>
				<!-- <view class="companyBox" style="border-top: 1px solid  #F1F1F1;padding: 30rpx 0 30rpx 30rpx">
					<view class="" style="width: 596rpx;margin-right: 10rpx;">
						<view class="companyParticulars" style="font-weight: bold;color: black;">
							{{ province }} · {{city}} |
							{{val[4].replace(new RegExp(`(${province}|${city})`, 'g'), '').trim()  }}{{house_number ? '（'+ house_number +'）' : ''}}
						</view>
						<view class="companyParticulars" v-if="distance != undefined && latitude">
							<image @tap="getSetting" style="width: 26rpx;height: 26rpx;margin-top: 4rpx;margin-right: 4rpx;"
								src="../../static/ditubiao.png" mode=""></image> 距您{{ distance }}公里
						</view>
						<view style="display: flex;align-items: center;" class="companyParticulars" v-else>
							<view style="margin-right: 20rpx;">
								<image style="width: 26rpx;height: 26rpx;margin-top: 2rpx;margin-right: 4rpx;"
									src="../../static/ditubiao.png" mode=""></image> 距您直线*公里
							</view>
						</view>
					</view>
					<view class="bus_license" @tap="getSetting">
						<image src="@/static/ditu.png" mode="aspectFill"></image>
					</view>
				</view> -->
				<view class="companyProduct detailedness_box"
					:style="{marginBottom:productList.length == 0 ? '0rpx' : '10rpx'}">
					<view class="companyProductTitle df ac mt10">
						<image style="width:28rpx;max-height: 28rpx;" src="@/static/icon/product_icon.png"
							mode="widthFix"></image>
						<view class="ml8" style="font-size: 28rpx;color: #707070;font-weight: bold;"> 公司产品 </view>
					</view>
					<view v-if="productList && productList.length != 0" style="width: 100%;overflow: scroll;">
						<view class="companyProductBox"
							:style="'width:'+ 330 * productList.length + 'rpx;min-width:100%;' ">
							<view class="" v-for="(item,index) in productList" :key="index" @click="gscp=true">
								<view ref="product_img"
									:style="'height:'+ 310 * 0.75 +'rpx;width:100%;min-height:200rpx;'">
									<image v-if="checkType(item.url)" style="height:100%;width:100%"
										:src="img_path + item.url[0]" mode="aspectFill">
									</image>
									<image v-else style="height:100%;width:100%" :src="img_path + item.url"
										mode="aspectFill">
									</image>
								</view>
								<view class="text_con">
									<view class="text_con_title">{{ item.name }}</view>
									<view class="text_desc" style="color: #9C9C9C;">{{ item.machining }}</view>
									<view class="text_desc" style="color: #9C9C9C;">{{ item.material }}</view>
								</view>
							</view>
						</view>
					</view>
					<view class="df ac sc mb10" v-else style="color: #CDCDCD;flex-direction: column;">
						<image style="width: 110rpx;" :src="getImgSrc('/uploads/20241023/172965362467186b78c131f.png')"
							mode="widthFix"></image>
						<view class="f14 f600 mt5">
							未上传产品
						</view>
						<view class="mt10 mb10">
							产品请在【产品管理】中编辑和上传
						</view>
					</view>
					<view class="detailedness_box_after" style="z-index:9">
						<view class="" style="text-align: center;color:#fff;line-height: 45rpx;">
							产品请在【产品管理】中编辑和上传
						</view>
					</view>
				</view>
				<!-- <view class="gray_line" v-if="productList.length == 0"></view> -->
				<view class="companyProduct mb10">
					<view class="detailednessBox">
						<view class="detailednessTitle df ac sb">
							<view class="df ac">
								<image style="width:28rpx;max-height: 28rpx;" src="@/static/icon/photo_icon.png"
									mode="widthFix"></image>
								<view class="ml8" style="font-size: 28rpx;color: #707070;font-weight: bold;"> 企业相册
								</view>
							</view>
							<view class="df ac upload_pic f12" @tap="uploadQyImg">
								<image style="width:34rpx;"
									:src="getImgSrc('/uploads/20241023/172966434567189559e753b.png')" mode="widthFix">
								</image>
								<view style="margin-left:6rpx;">上传照片</view>
							</view>
						</view>
						<view v-if="album_list.length !=0" class="mt10 album_list_box">
							<view class="df" :style="'width:' + 270 * album_list.length + 'rpx;' ">
								<view class="album_list_item mr10" style="width:250rpx;height:250rpx;"
									v-for="(item,index) in album_list" :key="index">
									<image style="width: 100%;height:100%" :src="getImgSrc(item.url)" mode="aspectFill">
									</image>

									<view class="album_list_name f13 f600">
										{{item.name}}
									</view>
								</view>
							</view>
						</view>
						<view v-else class="upload_pic_box sf ac" @tap="uploadQyImg"
							style="flex-direction: column;justify-content:center;">
							<view class="df jc">
								<van-icon name="plus" size="35" color="#1050c7" />
							</view>
							<view class="tc mt5 f13">
								上传照片，让客户更了解您的企业
							</view>
						</view>
					</view>
				</view>
				<view class="detailedness_box">
					<view class="detailedness">
						<view class="detailednessBox" @tap="openPopup">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list1.png" mode="widthFix"></image>
								<view class=""> 设备清单 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_list">
									<view class="processingTechnology_item"> {{totalNumber ? totalNumber : 0}}台 </view>
								</view>
								<view class="arrow_right">
									<image style="width: 25rpx;" src="@/static/icon/right_arrow.png" mode="widthFix">
									</image>
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c4ed3b1.png"
									mode="widthFix">
								</image>
								<view class=""> 工艺 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in machining" :key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list2.png" mode="widthFix"></image>
								<view class=""> 可加工材料 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in materials" :key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://wx.xtwaixie.com/img/list3.png" mode="widthFix"></image>
								<view class=""> 资质认证 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in certificate"
									:key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c471566.png"
									mode="widthFix">
								</image>
								<view class=""> 行业领域 </view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in service_industry_name"
									:key="index">
									{{ item }}
								</view>
							</view>
						</view>
						<view class="detailednessBox">
							<view class="detailednessTitle">
								<image src="https://cdn.xtwaixie.com/uploads/20240705/17201768366687d0c4b1cf5.png"
									mode="widthFix">
								</image>
								<view class="">合作客户</view>
							</view>
							<view class="processingTechnology">
								<view class="processingTechnology_item" v-for="(item,index) in clientinfo" :key="index">
									{{ item.name }}
								</view>
							</view>
						</view>
					</view>
					<view class="companyIntro">
						<view class="companyComponents">
							<view class=""></view>
							<view class=""> 公司简介 </view>
						</view>
						<view class="companyCompanyIntroduction">
							<text :class="show ? '' :'text-ellipsis'" @tap="show = true">
								{{ companyIntroduction ? companyIntroduction : '该公司暂未填写简介' }}
							</text>
						</view>
					</view>
					<view class="detailedness_box_after">
						<view class="" style="text-align: center;color:#fff;line-height: 45rpx;">
							企业资料请在 <br />
							【编辑企业资料】中编辑
						</view>
					</view>
				</view>
				<view class="companyProduct" style="padding-bottom: 40rpx;">
					<view class="companyProductTitle"> 工商信息 </view>
					<view class="">
						<view class="Business-Infor">
							<view>
								<view class="Business-title">公司名称</view>
								<view class="Business-Miao">{{basicName}}</view>
							</view>
							<view>
								<view class="Business-title">企业类型</view>
								<view class="Business-Miao">{{basicEconKind}}</view>
							</view>
							<view style="border-bottom: 1px solid gainsboro;">
								<view class="Business-title">注册资本</view>
								<view class="Business-Miao">{{basicRegistCapi ? basicRegistCapi:"-"}}</view>
							</view>
						</view>
						<view class="Business-view" @click="toggleS"> 查看全部介绍 </view>
					</view>
					<view>
						<van-action-sheet :actions=" actions " :show="showS" title="工商信息" @close="showS = false">
							<view class="" style="margin-top: 48px;height: 900rpx;">
								<view class="BusiN-t">
									<view class="Busi-left"> 公司名称 </view>
									<view class="Busi-right"> {{basicName}} </view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 注册地址 </view>
									<view class="Busi-right"> {{basicAddress}} </view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 法定代表人名称 </view>
									<view class="Busi-right">
										{{basicOperName}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 企业类型 </view>
									<view class="Busi-right">
										{{basicEconKind}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 成立时间 </view>
									<view class="Busi-right">
										{{basicStartDate?basicStartDate.split(' ')[0]:""}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 注册资本 </view>
									<view class="Busi-right">
										{{basicRegistCapi ?basicRegistCapi:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 统一社会信用代码 </view>
									<view class="Busi-right">
										{{basicCreditCode&&basicCreditCode!=null?basicCreditCode:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 登记状态 </view>
									<view class="Busi-right">
										{{basicStatus&&basicStatus!=null?basicStatus.split("（")[0]:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 工商注册号 </view>
									<view class="Busi-right">
										{{No&&No!=null?No:"-"}}
									</view>
								</view>
								<view class="BusiN-t">
									<view class="Busi-left"> 经营范围 </view>
									<view class="Busi-right">
										{{basicScope&&basicScope!=null?basicScope:"-"}}
									</view>
								</view>
								<view class="BusiN-t" style="border-bottom:1px solid gainsboro ;margin-bottom: 60rpx;">
									<view class="Busi-left"> 实缴资本 </view>
									<view class="Busi-right">
										{{basicRecCap && basicRecCap!=null ?basicRecCap:"-"}}
									</view>
								</view>
							</view>
						</van-action-sheet>
					</view>
				</view>
				<view class="product" v-if="gscp">
					<view class="uni-margin-wrap" @click="gscp=false">
						<swiper class="swiper" circular :indicator-dots="indicatorDots" :autoplay="autoplay"
							:interval="interval" :duration="duration">
							<swiper-item v-for="(item,index) in productList" :key="index">
								<image :src="img_path + item.url" mode="aspectFill">
								</image>
								<view class="swipertitile">
									<view class="swiper-item productList-N">{{item.name}}</view>
									<view class="gy text_desc">工艺：{{ item.machining }}</view>
									<view class="cl text_desc">材料：{{ item.material }}</view>
								</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
			</view>
			<view class="pd15 mt15" hover-class="none" :hover-stop-propagation="false">
				<button class="sub" @tap="onSub"> {{ info.img_status == 1 ? '主页装修审核中' : '保存并提交'}} </button>
			</view>
		</view>
		<view class="container" v-else-if="!join_in">
			<image style="width: 200rpx;display: block;margin: 350rpx auto 0rpx;"
				:src="getImgSrc('/uploads/20241009/17284478036706053b6a390.png')" mode="widthFix"></image>
			<view class="f600 f18 mt20" style="text-align: center;">
				暂无权限
			</view>
			<view class="f14 mt10" style="text-align: center;color:gray">
				入驻并完善企业资料即可免费开通企业主页
			</view>
			<view class="joinBtn" @click="goPage('/pages/settled/setPage')">
				立即入驻
			</view>
		</view>
		<view class="pd15" v-else>
			<view class="pd015 bgcff7 br12" style="background-color: #F7F8F9;">
				<view class="df ac sb pd150 bbf1">
					<p class="f14 c9d">申请时间：{{ info.created_at }}</p>
					<p class="f14 f500 c10" v-if="info.img_status == 1">审核中</p>
					<p class="f14 f500 cf5" v-if="info.img_status == 3">未通过</p>
					<p class="f14 f500 c3a" v-if="info.img_status == 2">已通过</p>
				</view>
				<view class="pd150">
					<h2 class="c28 f18 f600 db">{{ info.company }}</h2>
					<view class="df ac sb">
						<ul class="db f1">
							<li class="db f14 c9d mt5">地区：{{ info.city }}</li>
							<li class="db f14 c9d mt5">负责人：{{ info.person }}</li>
						</ul>
						<image class="img72 br6" @tap.stop.prevent="preview" referrerPolicy='no-referrer'
							:src="info.business_license_show" :data-src="info.business_license_show"></image>
					</view>
				</view>
				<view class="bh mt12 mb10" v-if="info.reason && info.img_status != 1">原因：{{ info.reason }}</view>
			</view>
			<view class="pob pd715 mb20">
				<button class="sub" v-if="info.img_status != 1" @tap="onAgain">重新提交</button>
				<button class="sub" v-else @tap="onBack">返回</button>
			</view>
		</view>
		<van-popup :show="showPopup" :round="true" @close="closePopup" :close-on-click-overlay="true" position="bottom">
			<view class="popup_con">
				<view class="xPopupTitle"> 设备列表 </view>
				<view class="pci_desc">
					<view class="">名称</view>
					<view class="">型号</view>
					<view class="">品牌</view>
					<view class="">数量</view>
				</view>
				<view class="pc_item" v-for="(item,index) in equipmentList" :key="index">
					<view class="pci_desc">
						<view class="item">{{ item.name }}</view>
						<view class="item">{{ item.model }}</view>
						<view class="item">{{ item.brand }}</view>
						<view class="item">{{ item.number }}</view>
					</view>
				</view>
			</view>
		</van-popup>

		<!-- <van-popup :show="Incomplete" custom-style="padding:30rpx 30rpx 20rpx 30rpx;border-radius:18rpx;font-size:26rpx;width:76%;" :round="true"  :close-on-click-overlay="true">
			<view class="f16" style="text-align: center;">
				请完善企业资料
			</view>
			<view class="restart" @click="goPage('/pages/Factoryinformation/Factoryinformation')">
				立即完善
			</view>
		</van-popup> -->
		<van-popup :show="isBackPress" round position="bottom" custom-style="height: 22%;" @close="isBackPress = false"
			:closeable="true">
			<view class="isBackPress_box" style="padding:0rpx 30rpx;">
				<view class="" style="height: 180rpx;line-height: 180rpx;text-align: center;">
					要不要先存个草稿
				</view>
				<view class="df ac sb">
					<view class="un_save save_btn" @click="isSave(false)">
						不保存
					</view>
					<view class="save save_btn" @click="isSave(true)">
						存草稿
					</view>
				</view>
			</view>
		</van-popup>

		<!-- <van-popup :show="Incomplete" round>
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">请完善企业资料</span>
			</p>
			<view class="df ac btf1 h48 mt15">
				<p class="w50 tc f16 c28" @tap.native="onBack">取消</p>
				<p class="w50 h48 c10 df jc ac share-but1" @click="goPage('/pages/Factoryinformation/Factoryinformation')">
					<button class="c10 f16" style="width:100%;min-width:300rpx;">立即完善</button>
				</p>
			</view>
		</van-popup> -->

		<van-popup :show="ifStatus" round @close="ifStatus = true">
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">您的详细资料{{ address.status == 1 ? '正在审核中' : '未通过审核' }}。</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' @tap="onBack">我知道了</p>
		</van-popup>
		<van-popup :show="myStatus" round @close="myStatus = false">
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">资料审核中</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' @tap="myStatus = false">我知道了</p>
		</van-popup>
		<van-popup :show="is_operate" round @close="is_operate = false">
			<p class="df ac jc pd200 mt5 w311">
				<span class="f16 c28 f500">该账号不可操作</span>
			</p>
			<p class='df ac jc btf1 f16 c10 h48' @tap="is_operate = false">我知道了</p>
		</van-popup>
	</view>
</template>
<script>
	import {
		verifyPhoneNumber
	} from "@/utils/util"
	const http = require('../../utils/http');
	import {
		mapState,
		mapActions
	} from 'vuex';
	import NavBar from '@/component/nav-bar.vue';
	export default {
		components: {
			NavBar
		},
		data() {
			return {
				myStatus: false,
				is_operate: false,
				isBackPress: false,
				info_show: false,
				poiList: [{
					id: 1,
					iconPath: 'https://cdn.xtwaixie.com/uploads/20241023/172966259367188e81d9230.png',
					width: 35,
					height: 35,
					customCallout: {
						anchorX: 0,
						anchorY: 0,
						display: "ALWAYS" // 常显
					}
				}],
				img_width: 0,
				Incomplete: false,
				doorboard: '',
				JIeq: '',
				caijiIMg2: false,
				// logoUrl: '',
				logo: null,
				detailUrl: '/pages/editSettled/editSettled',
				xcxq: false,
				indicatorDots: true,
				autoplay: true,
				interval: 2000,
				duration: 600,
				id: 0,
				gscp: false,
				show: false,
				showPopup: false,
				img: '/uploads/20240612/171816998866693184c42db.jpg',
				img_path: http.img_path,
				logoUrl: '/uploads/20241023/17296509596718610f4d323.png',
				val: ['', '', '', '', ''],
				info: {},
				employeesNumList: [],
				distance: undefined,
				employeesNum: '',
				companyIntroduction: '',
				processingTechnology: [],
				productList: [],
				equipmentList: [],
				materials: [],
				certificate: [],
				latitude: 0,
				longitude: 0,
				startX: 0,
				vwidth: 0,
				business_license: '',
				showImg: false,
				service_industry_name: [],
				machining: [],
				clientinfo: [],
				countImg: '',
				fxU: false,
				imageHeight: false,
				heightS: '',
				basicAddress: '',
				basicName: '',
				basicOperName: '',
				basicEconKind: '',
				basicStartDate: "",
				basicRegistCapi: "",
				basicCreditCode: "",
				basicStatus: "",
				basicRecCap: "",
				basicNo: '',
				basicScope: "",
				basicNo: "",
				showS: false,
				staff: "",
				factory_area: "",
				annual_output_value: "",
				province: "",
				city: "",
				detailedAddress: "",
				house_number: '',
				shuiy: '?watermark/1/image/aHR0cDovL3h0d2FpeGllLTEzMTQ4MDk2MjgucGljc2gubXlxY2xvdWQuY29tL3NodWl5aW4yLnBuZw/gravity/southeast/batch/1/degree/315/dissolve/60/scatype/3/spcent/20',
				is_show: false,
				address: null,
				settledStatus: null,
				infos: null,
				caijiIMg: false,
				album_list: [],
				join_in: true,
				fileList: [],
				ifStatus: false,
				my_latitude: 0,
				my_longitude: 0,
				callback: null
			};
		},
		computed: {
			...mapState('file', ['album', 'file']),
			totalNumber() {
				let sum = 0;
				this.equipmentList.forEach(item => {
					sum += parseInt(item.number);
				});
				return sum;
			}
		},
		onReady() {
			setTimeout(() => {
				this.getEleInfo()
			}, 800)
		},
		onLoad(option) {
			this.getUserInfo()
			this.checkLogin()
			setTimeout(() => {
				this.is_show = true
			}, 100)
			this.id = option.id
			this.getBase(option.id)
			this.my_latitude = uni.getStorageSync('latitude')
			this.my_longitude = uni.getStorageSync('longitude')
			this.openGps()
			const _this = this

			this.updateAlbum([])
			this.updateFile([])
			uni.getSetting({
				success(res) {
					if (!res.authSetting['scope.userLocation']) {
						uni.authorize({
							scope: 'scope.userLocation',
							success() {
								// _this.getLocation()
								uni.reLaunch({
									url: "/subPack/renovation/renovation"
								});
							},
							fail() {
								uni.showModal({
									title: '请求授权当前位置',
									content: '需要获取您的地理位置，请确认授权',
									success(res) {
										if (res.cancel) {
											//用户拒绝授权
											return uni.showToast({
												title: '拒绝授权获取地址信息',
												icon: 'none'
											});
										} else if (res.confirm) {
											uni.openSetting({
												success(res) {
													console.log(res)
													if (res.authSetting[
															'scope.userLocation']) {
														// _this.getLocation()
														uni.reLaunch({
															url: "/subPack/renovation/renovation"
														});
													} else {
														return uni.showToast({
															title: '拒绝授权获取地址信息',
															icon: 'none'
														});
													}
												},
												fail() {
													console.log(111)
													return uni.showToast({
														title: '拒绝授权获取地址信息',
														icon: 'none'
													});
												}
											})
										}
									}
								})
							}
						})
					} else {
						// _this.getLocation()
					}
				}
			})
		},
		onShow() {
			// this.album_list = this.album
			// this.fileList = this.file
			// 验证是否登录，是否有手机号
			this.callback = verifyPhoneNumber()
			// console.log(this.album)
			this.album_list = this.album || []
			this.fileList = this.file || []
			this.xcxq = false;
		},
		/**
		 * 生命周期函数--监听页面卸载
		 */
		onUnload() {
			clearTimeout(this.callback)
		},
		methods: {
			...mapActions('file', ['updateAlbum', 'updateFile']),
			getEleInfo() {
				// const query = uni.createSelectorQuery().in(this);
				// query
				//   .select(".product_img")
				//   .boundingClientRect((data) => {
				//     console.log("得到布局位置信息" ,data);
				// 	this.img_width = data.width
				//   })
				//   .exec();
			},
			goBack() {
				if (this.info.img_status === 1) {
					uni.navigateBack({
						delete: 1,
						fail(err) {
							uni.redirectTo({
								url: '/pages/my/my'
							})
						}
					})
				} else {
					this.isBackPress = true
				}
			},
			onAgain() {
				this.info_show = false
			},
			onBack() {
				uni.redirectTo({
					url: '/pages/my/my'
				})
				// uni.navigateBack()
			},
			ClickImage() {
				uni.previewImage({
					urls: [this.img_path + this.business_license + this.shuiy],
					current: this.img_path + this.business_license + this.shuiy,
					success: function(res) {},
					fail: function(res) {},
					complete: function(res) {},
				})
			},
			getUserInfo() {
				http.request('user/userInfo').then((rest) => {
					this.infos = rest.data.userInfo
					rest.data.userInfo.grade === 0 ? this.join_in = false : this.join_in = true
					if (rest.data.userInfo.grade != 0) {
						if (this.my_longitude && this.my_latitude) {
							this.useSave()
						} else {
							const that = this
							uni.getLocation({
								isHighAccuracy: true,
								type: 'gcj02',
								success(rest) {
									const {
										latitude,
										longitude
									} = rest;
									that.my_latitude = latitude;
									that.my_longitude = longitude;
									uni.setStorageSync('latitude', latitude);
									uni.setStorageSync('longitude', longitude);

									that.useSave()
								},
								fail(err) {
									console.error('Failed to get location:', err);
								}
							});
						}
						http.request('user/settledInfo').then((res) => {
							this.address = res.data.info
							this.settledStatus = res.data.info.settledStatus

							if (this.address.status == 1 || this.address.status == 3) {
								this.ifStatus = true
							}

							if (!this.infos.settledStatus) {
								console.log(this.infos.settledStatus);
								this.detailUrl = '/pages/editSettled/editSettled'
							} else {
								if (this.address.detail && this.address.detail.status == 2) {
									this.detailUrl = '/pages/companyDetail/companyDetail?id=' + this.infos
										.id
								} else {
									this.detailUrl = '/pages/Factoryinformation/Factoryinformation'
								}
							}
							if (this.detailUrl != '/pages/companyDetail/companyDetail?id=' + this.infos
								.id && this.address.status != 1) {
								this.Incomplete = true
							}
						}).catch((res) => {
							uni.showToast({
								title: res.msg,
								icon: 'none'
							});
						});

					}
				}).catch((res) => {
					uni.showToast({
						title: res.message,
						icon: 'none'
					});
				});
			},
			onShareAppMessage() {
				let imageUrl = this.img_path + this.img;
				let name = this.val[0]
				console.log(this.id);
				let id = this.id
				return {
					title: name,
					path: `/subPack/renovation/renovation?id=${id}`,
					imageUrl: imageUrl,
				};
			},
			toggleS() {
				this.showS = true
			},
			previewImg(url, index) {
				console.log(url)
				const urls = this.productList.map(item => this.img_path + item.url)
				console.log(urls)
				// uni.previewImage({
				// 	current: index,
				// 	urls: urls,
				// })
			},
			openGps() {
				let system = uni.getSystemInfoSync(); // 获取系统信息
				if (system.platform === 'android') { // 判断平台
					var context = plus.android.importClass("android.content.Context");
					var locationManager = plus.android.importClass("android.location.LocationManager");
					var main = plus.android.runtimeMainActivity();
					var mainSvr = main.getSystemService(context.LOCATION_SERVICE);
					if (!mainSvr.isProviderEnabled(locationManager.GPS_PROVIDER)) {
						uni.showModal({
							title: '提示',
							content: '请打开定位服务功能',
							showCancel: false, // 不显示取消按钮
							success() {
								var Intent = plus.android.importClass('android.content.Intent');
								var Settings = plus.android.importClass('android.provider.Settings');
								var intent = new Intent(Settings.ACTION_LOCATION_SOURCE_SETTINGS);
								main.startActivity(intent); // 打开系统设置GPS服务页面
							}
						});
					}
				} else if (system.platform === 'ios') {
					var cllocationManger = plus.ios.import("CLLocationManager");
					var enable = cllocationManger.locationServicesEnabled();
					var status = cllocationManger.authorizationStatus();
					plus.ios.deleteObject(cllocationManger);
					console.log("手机系统的定位没有打开");
					uni.showModal({
						title: '提示',
						content: '请打开定位服务功能',
						showCancel: false, // 不显示取消按钮
						success() {
							var UIApplication = plus.ios.import("UIApplication");
							var application2 = UIApplication.sharedApplication();
							var NSURL2 = plus.ios.import("NSURL");
							var setting2 = NSURL2.URLWithString("App-Prefs:root=Privacy&path=LOCATION");
							application2.openURL(setting2);
							plus.ios.deleteObject(setting2);
							plus.ios.deleteObject(NSURL2);
							plus.ios.deleteObject(application2);
						}
					});
				}
			},
			openPopup() {
				this.showPopup = true;
			},
			closePopup() {
				this.showPopup = false;
			},
			touchStart(e) {
				if (e.touches.length == 1) {
					this.startX = e.touches[0].clientX;
				}
			},
			businessLimg() {
				console.log(1);
			},
			handleClickS() {
				uni.share({
					provider: "weixin",
					scene: "WXSceneSession",
					type: 1,
					summary: "我正在使用HBuilderX开发uni-app，赶紧跟我一起来体验！",
					success: function(res) {
						console.log("success:" + JSON.stringify(res));
					},
					fail: function(err) {
						console.log("fail:" + JSON.stringify(err));
					}
				});
				console.log(1);
			},
			fxfriend() {},
			crop() {
				// 通过组件定义的ref调用cropper方法，返回一个promise对象
				this.$refs.cropper.crop().then((res) => {
					console.log(res)
					this.caijiIMg = false
					let that = this
					http.upLoadFile('base/uploadImg', 'image', res, {}).then((res) => {
						that.doorboard = res.data.url
						console.log(2);
						return
					}).catch((res) => {
						uni.showToast({
							title: res.message,
							icon: 'none'
						});
					});
				})
			},
			crop2() {
				this.$refs.cropper.crop().then((res) => {
					console.log(res)
					this.caijiIMg2 = false
					let that = this
					http.upLoadFile('base/uploadImg', 'image', res, {}).then((res) => {
						that.logo = res.data.url
						console.log(2);
						return
					}).catch((res) => {
						uni.showToast({
							title: res.message,
							icon: 'none'
						});
					});
				})
			},
			fxImg(type) {
				if (this.infos.user_type === 1) {
					this.is_operate = true
					return
				}
				if (this.info.img_status === 1) {
					this.myStatus = true
					return
				}
				const that = this
				uni.chooseImage({
					// count,
					// sizeType: sizeType,
					success(res) {
						uni.showLoading({
							title: '上传中'
						})

						http.upLoadFile('base/uploadImg', 'image', res.tempFiles[0].path, {}).then((res) => {
							console.log(res)
							// uni.hideLoading();
							if (type == 'doorboard') {
								// that.doorboard = res.data.url
								that.JIeq = res.data.url
								console.log(2);
								that.caijiIMg = true
								uni.hideLoading()
								// that.$refs.createImage.getImage()
								return
							} else if (type == 'logoUrl') {
								that.JIeq = res.data.url
								uni.hideLoading()
								that.caijiIMg2 = true
								return
							}
							uni.hideLoading();
						}).catch((res) => {
							console.log(res, 'err')
							uni.showToast({
								title: res.message,
								icon: 'none'
							});
						});
						console.log(res.tempFiles[0])

					}
				})
			},
			cancellations() {
				this.caijiIMg = false
			},
			cancellation2() {
				this.caijiIMg2 = false
			},
			cancellation() {
				this.fxU = false
			},
			determine() {
				this.fxU = false
			},
			touchEnd(e) {
				this.xcxq = true
				setTimeout(() => {
					if (e.changedTouches.length == 1) {
						var endX = e.changedTouches[0].clientX;
						let diff = endX - this.startX;
						if (Math.abs(diff) > 30) {
							if (diff > 0) {
								this.vwidth += 60;
							} else {
								uni.navigateTo({
									url: '/subPack/companyAlbum/companyAlbum?id=' + this.id
								})
								this.vwidth -= 60;
								if (this.vwidth < 0) {
									this.vwidth = 0;
								}
							}
						}
					}
				}, 200)
			},
			checkType(data) {
				return Array.isArray(data)
			},
			look(item) {
				uni.previewImage({
					urls: [this.img_path + item.url]
				})
			},
			getBase(id) {
				http.request('user/configData').then((res) => {
					this.setData({
						bese_info: res.data
					});
					const {
						order_type,
						account_period_range,
						staff,
						annual_output_value,
						factory_area,
						material,
						qualification
					} = res.data
					// this.typeList = order_type
					// this.periodList = account_period_range
					this.employeesNumList = staff
					// this.yearNumList = annual_output_value
					// this.areaNumList = factory_area
					// this.materialList = material
					// this.qualification = qualification
					// this.getInfo(id)
				}).catch((res) => {
					uni.showToast({
						title: res.message,
						icon: 'none'
					});
				});
			},
			getDistances(lat1, lng1) {
				let EARTH_RADIUS = 6378.137; // 地球半径
				let radLat1 = lat1 * Math.PI / 180.0; //lat1 * Math.PI / 180.0=>弧度计算
				let radLat2 = this.latitude * Math.PI / 180.0;
				let a = radLat1 - radLat2;
				let b = lng1 * Math.PI / 180.0 - this.longitude * Math.PI / 180.0;
				let s = 2 * Math.asin(Math.sqrt(Math.pow(Math.sin(a / 2), 2) + Math.cos(radLat1) * Math.cos(radLat2) * Math
					.pow(Math.sin(b / 2), 2)));
				s = s * EARTH_RADIUS;
				s = Math.round(s * 10000) / 10000; // 输出为公里
				return {
					m: s * 1000,
					km: Number(s.toFixed(2))
				}
			},
			getSetting() {
				const _this = this
				uni.getSetting({
					success(res) {
						if (!res.authSetting['scope.userLocation']) {
							uni.authorize({
								scope: 'scope.userLocation',
								success() {
									_this.getLocation()
								},
								fail() {
									uni.showModal({
										title: '请求授权当前位置',
										content: '需要获取您的地理位置，请确认授权',
										success(res) {
											if (res.cancel) {
												//用户拒绝授权
												return uni.showToast({
													title: '拒绝授权获取地址信息',
													icon: 'none'
												});
											} else if (res.confirm) {
												uni.openSetting({
													success(res) {
														console.log(res)
														if (res.authSetting[
																'scope.userLocation']) {
															_this.getLocation()
														} else {
															return uni.showToast({
																title: '拒绝授权获取地址信息',
																icon: 'none'
															});
														}
													},
													fail() {
														console.log(111)
														return uni.showToast({
															title: '拒绝授权获取地址信息',
															icon: 'none'
														});
													}
												})
											}
										}
									})
								}
							})
						} else {
							_this.getLocation()
						}
					}
				})
			},
			getLocation() {
				let that = this;
				if (that.distance === undefined) {
					uni.getLocation({
						type: 'gcj02',
						success(res) {
							console.log(res);
							that.distance = that.getDistances(res.latitude, res.longitude).km
							if (that.latitude) {
								console.log(that.latitude);
								uni.openLocation({
									latitude: parseFloat(that.latitude),
									longitude: parseFloat(that.longitude),
									name: that.val[0], // 可以指定标记名称
									address: that.val[4],
									scale: 18
								})
							}
						},
						fail(err) {
							console.log(err);
						}
					});
				} else if (that.latitude) {
					uni.openLocation({
						latitude: parseFloat(that.latitude),
						longitude: parseFloat(that.longitude),
						name: that.val[0], // 可以指定标记名称  
						address: that.val[4],
						scale: 18,
						success: function() {
							console.log('success');
						},
						fail(err) {
							console.log(err);
						}
					})
				}
			},
			getInfo(saveInfo) {
				// console.log(this.my_longitude)
				// console.log(this.my_latitude)
				http.request('user/settledInfo', {
					// latitude:this.my_latitude,
					// longitude:this.my_longitude,
					longitude: this.my_longitude,
					latitude: this.my_latitude
				}).then((res) => {
					let data = res.data.info
					let status = !!data.detail
					let jsonObject = JSON.parse(data.basic)

					if (status) {
						data = {
							...data,
							...data.detail
						}
						if (jsonObject) {
							this.basicName = jsonObject.Name
							this.basicResult = jsonObject.Result
							this.basicAddress = jsonObject.Address
							this.basicOperName = jsonObject.OperName
							this.basicEconKind = jsonObject.EconKind
							this.basicStartDate = jsonObject.StartDate
							this.basicRegistCapi = jsonObject.RegistCapi
							this.basicCreditCode = jsonObject.CreditCode
							this.basicStatus = jsonObject.Status
							this.basicRecCap = jsonObject.RecCap
							this.basicScope = jsonObject.Scope
							this.basicNo = jsonObject.basicNo
						}
					}
					if (!data.unit) {
						data.unit = "公里"
						// 超过一百公里
						if (data.distance_in_km >= 100) {
							data.distance_in_km = parseInt(data.distance_in_km)
						} else if (data.distance_in_km >= 1 && data.distance_in_km < 100) {
							// 大于一公里小于100公里
							data.distance_in_km = (data.distance_in_km).toFixed(1)
						} else {
							data.distance_in_km = parseInt(data.distance_in_km * 1000)
							data.unit = "米"
						}
					}

					let staff = this.employeesNumList.filter(item => item.value == data.staff)
					this.employeesNum = staff.length == 0 ? '' : staff[0].text
					if (data.doorboard) {
						this.img = data.doorboard
					} else if (data.logo) {
						this.img = data.logo
					} else if (data.company_environment && data.company_environment.length > 0) {
						this.img = data.company_environment[0]
					} else if (data.equipment_img && data.equipment_img.length > 0) {
						this.img = data.equipment_img[0]
					}

					if (saveInfo) {
						this.logo = saveInfo.logo
						this.doorboard = saveInfo.doorboard
						this.album_list = saveInfo.album
						this.fileList = saveInfo.file
						console.log(this.fileList)
					} else {
						this.logo = res.data.info.detail.logo
						this.doorboard = res.data.info.detail.doorboard
						this.fileList = res.data.info.detail.file_list
						// 计算当前企业的相册个数 防止重复
						console.log(this.fileList)

						function getArrayLengths(obj, objKeys = []) {
							let sum = 0
							for (const key in obj) {
								if (objKeys.includes(key) && Array.isArray(obj[key])) {
									sum += obj[key].length
								}
							}
							return sum

						}
						const keys = ['equipment_img', 'company_environment', 'other_img']

						const result = getArrayLengths(data, keys)

						const addToAlbumList = (data, key, name) => {

							if (data[key] && data[key].length !== 0 && data[key][0] != '') {
								data[key].forEach(item => {

									if (this.album_list.length >= result) return
									this.album_list.push({
										name: name,
										url: item
									});
								});
							}
						}


						// console.log(data,'data1',this.album_list)
						addToAlbumList(data, 'equipment_img', '设备展示');
						// console.log(data,'data2',this.album_list)
						addToAlbumList(data, 'company_environment', '车间展示');
						addToAlbumList(data, 'other_img', '其他');
					}
					console.log(data, 'data2', this.album_list)
					// console.log(this.fileList)
					this.updateAlbum(this.album_list)
					this.updateFile(this.fileList)

					this.companyIntroduction = data.introduction
					this.processingTechnology = data.machining
					this.business_license = data.business_license
					this.equipmentList = data.equipment || []
					this.materials = data.infoName.processing_materials
					this.service_industry_name = data.infoName.service_industry_name
					this.certificate = data.infoName.qualification
					this.latitude = data.latitude
					this.longitude = data.longitude
					this.machining = data.machining
					this.clientinfo = data.clientinfo
					this.countImg = data.images_count
					this.factory_area = data.infoName.factory_area
					this.annual_output_value = data.infoName.annual_output_value
					this.staff = data.infoName.staff
					this.province = data.province
					this.city = data.city
					this.house_number = data.house_number

					this.poiList[0].latitude = data.latitude
					this.poiList[0].longitude = data.longitude
					if (data.latitude) {
						let that = this
						that.distance = undefined
						uni.getLocation({
							type: 'gcj02',
							success: (res) => {
								that.distance = that.getDistances(res.latitude, res.longitude).km
							}
						})
					}
					if (data.latitude == '' && data.latitude == '') {
						const that = this
						uni.getLocation({
							type: 'gcj02',
							success: (res) => {
								that.latitude = res.latitude
								that.longitude = res.longitude

								that.poiList[0].latitude = res.latitude
								that.poiList[0].longitude = res.longitude
							}
						})
					}
					if (data.company) {
						if (data.img_status == 3) {
							this.info_show = true
						} else {
							this.info_show = false
						}

						this.setData({
							[`val[0]`]: data.company,
							[`val[1]`]: data.business_license,
							[`val[2]`]: data.person,
							[`val[3]`]: data.mobile,
							[`val[4]`]: data.address,
							['area[0]']: data.province,
							['area[1]']: data.city,
						});
					}
					this.setData({
						info: data
					});
					this.productList = data.products

					this.productList.forEach((item, index) => {
						if (typeof item.url == 'string' && item.url[0] != '[') {
							item.url = [item.url]
						} else {
							item.url = JSON.parse(item.url)
						}
					})
				}).catch((res) => {
					uni.showToast({
						title: res.msg,
						icon: 'none'
					});
				});
			},
			useSave() {
				let info = uni.getStorageSync('img_info')
				if (info) {
					let that = this;
					uni.showModal({
						title: '提示',
						content: '是否使用上次保存信息',
						cancelText: '取消',
						confirmText: '使用',
						success: function(res) {
							if (res.confirm) {
								// that.getBase()
								// that.getInfo(JSON.parse(info))
								// console.log(that.val[0]);
							} else {
								// that.getBase()
								// that.getInfo()
								uni.removeStorageSync('img_info')
							}
						},
					})
				} else {
					this.getInfo();
				}
			},
			isSave(flag) {
				const goback = () => {
					uni.navigateBack({
						delta: 1,
						fail(err) {
							uni.reLaunch({
								url: '/pages/my/my'
							})
							console.log(err)
						}
					})
				}
				if (!flag) {
					goback()
					return
				}
				const img_info = {
					doorboard: this.doorboard,
					logo: this.logo,
					album: this.album_list,
					file: this.fileList
				}
				// uni.setStorageSync('img_info',JSON.stringify(img_info))
				goback()
			},
			onSub() {
				if (this.info.img_status === 1) {
					this.myStatus = true
					return
				}
				// console.log(this.address)
				const info = this.address
				const detail = this.address.detail
				// console.log(detail)
				console.log(this.fileList)
				let company_environment = []
				let equipment_img = []
				let other_img = []
				this.album_list.map(item => {
					if (item.name === '车间展示') {
						company_environment.push(item.url)
					}
					if (item.name === '设备展示') {
						equipment_img.push(item.url)
					}
					if (item.name === '其他') {
						other_img.push(item.url)
					}
				})
				if (!this.doorboard) {
					uni.showToast({
						title: "请上传主图",
						icon: 'none'
					})
					return
				}
				if (this.album_list.length == 0) {
					uni.showToast({
						title: "请先完善企业相册",
						icon: 'none'
					})
					return
				}
				const data = {
					account_period_range: detail.account_period_range,
					address: info.address,
					address_title: info.address_title,
					annual_output_value: detail.annual_output_value,
					business_license: info.business_license,
					city: info.city,
					clientinfo: detail.clientinfo,
					company: info.company,
					company_environment: company_environment,
					county: info.county,
					doorboard: this.doorboard,
					equipment: detail.equipment,
					equipment_img: equipment_img,
					factory_area: detail.factory_area,
					file_list: this.fileList,
					house_number: info.house_number,
					import_export_power: detail.import_export_power,
					introduction: detail.introduction,
					latitude: info.latitude,
					logo: this.logo,
					other_img: other_img,
					longitude: info.longitude,
					// machining_id:detail.machining_id,
					main_products: detail.main_products,
					mobile: info.mobile,
					order_type: detail.order_type,
					person: info.person,
					processing_materials: detail.processing_materials,
					province: info.province,
					qualification_id: detail.qualification_id,
					service_industry: detail.service_industry,
					staff: detail.staff,
					state: info.state,
					edit_type: 2
				}
				http.request('user/settledInfoApply', data).then((res) => {
					// uni.removeStorageSync('settledData')
					uni.reLaunch({
						url: '/subPack/renovation/imgSuccess'
					});
					// this.isSave(true)
				}).catch((res) => {
					uni.showToast({
						title: res.message,
						// title: "装修主页失败",
						icon: 'none'
					});
				});
			},
			uploadQyImg() {
				if (this.infos.user_type === 1) {
					this.is_operate = true
					return
				}
				uni.navigateTo({
					url: '/subPack/renovation/enterpriseAlbum'
				})
			},
			goPage(url, id) {
				uni.navigateTo({
					url: id ? url + 'id=' + id : url,
				})
			},
			checkLogin() {
				const token = uni.getStorageSync('token')
				if (!token) {
					uni.showToast({
						title: '您还未登录',
						icon: 'none'
					})
					setTimeout(() => {
						uni.navigateTo({
							url: '/pages/login/login'
						})
					}, 0)
				}
			},
		},



	}
</script>
<style lang="scss">
	.gray_line {
		background: #CBCBCB;
		height: 16rpx;
		width: 100%;
	}

	.detailedness_box {
		position: relative;
	}

	.album_list_box {
		width: 100%;
		overflow: auto;

		.album_list_item {
			border-radius: 10rpx;
			overflow: hidden;
			position: relative;
		}

		.album_list_name {
			position: absolute;
			top: 10rpx;
			left: 10rpx;
			padding: 10rpx 12rpx;
			border-radius: 10rpx;
			background-color: rgba(255, 255, 255, 0.5);
		}
	}

	.logoUrl {
		width: 120rpx;
		height: 120rpx;
		background-color: #D2D2D2;
		border-radius: 12rpx;
		position: relative;
		overflow: hidden;

		.image_logo {
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
		}

		.sc_logo {
			position: absolute;
			bottom: 0rpx;
			left: 0rpx;
			width: 100%;
			background: rgba(0, 0, 0, 0.5);
			color: #Fff;
			padding: 8rpx 0rpx;
			text-align: center;
		}
	}

	.CQbutton {
		display: flex;
		justify-content: space-around;

		button {
			color: white;
			background: none;
		}
	}

	.detailedness_box_after {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0, 0, 0, 0.6);
		z-index: 8;
		font-weight: bold;
		font-size: 30rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.share-but1 {
		width: 50% !important;
		font-size: 32rpx;
		padding: 0 !important;
		margin: 0 !important;
		font-weight: 400;
		text-align: center;
		color: #283043;
		line-height: 96rpx;
		border-left: 1rpx solid #ebedf0;
	}

	.van-action-sheet__header {
		position: fixed;
		width: 100%;
		background: white;
		border-radius: 30rpx 30rpx 0 0;
		// top: -48px;
	}

	.sanDeng {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
	}

	.BusiN-t {
		display: flex;
		text-align: center;
		font-size: 13px;
		line-height: 30px;
		width: 100%;
		border-top: 1px solid gainsboro;

		.Busi-left {
			background-color: #cef6fc;
			width: 34%;
			border-right: 1px solid gainsboro;
		}

		.Busi-right {
			width: 64%;
			padding: 0 1%;
		}
	}

	.Business-Infor {
		font-size: 12px;
		text-align: center;

		>view {
			display: flex;
			line-height: 30px;
			border-top: 1px solid gainsboro;
		}

		.Business-Miao {
			width: 68%;
			padding: 0 1%;
			border-left: 1px solid gainsboro;
			border-right: 1px solid gainsboro;
		}

		.Business-title {
			width: 30%;
			border-left: 1px solid gainsboro;
		}
	}

	.Business-view {
		text-align: center;
		padding: 10px 10px;
		font-size: 12px;
		color: #1050c7;
		margin-bottom: 40rpx;
	}

	.Dingw {
		// margin: 0rpx 0rpx 0rpx 130rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		color: #fff;
		font-size: 22rpx;
		width: 140rpx;
		height: 50rpx;
		background: url('https://wx.xtwaixie.com/img/radius_blue.png');
		// 'https://wx.xtwaixie.com/img/radius_blue.png'
		background-size: 100%;
		background-position: center;
	}

	.titlImg {
		width: 100%;
		height: auto;
		margin: 0 auto;
		// max-height:500rpx;
		background: #66666657;
		// image {
		// 	width: 100%;
		// }
		position: relative;

		.titlImg_center {
			width: 80%;
			position: absolute;
			top: 50%;
			left: 50%;
			transform: translate(-50%, -50%);
			color: #fff;
			justify-content: center;
			text-align: center;
		}

		.titlImg_up {
			position: absolute;
			top: 30rpx;
			right: 30rpx;
			background-color: #666666;
			color: #FFF;
			padding: 12rpx 15rpx;
			border-radius: 10rpx;
		}
	}

	.album_list {
		margin-top: 20rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;

		.al_item {
			width: 48%;
			height: 220rpx;
			border: 2rpx solid rgba(0, 0, 0, 0.05);
			margin-bottom: 20rpx;

			// background-color: #468CB2;
			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.Gao {
		margin: 0% 0 0 10%;
		width: 80% !important;
	}

	.Kuan {
		margin: 10% 0%;
	}

	.swipertitile {
		position: absolute;
		bottom: 0%;
	}

	.zjt {
		position: absolute;
		top: 48%;
		width: 15px;
		height: 15px;
		right: 20%;
	}

	.SlideDetails {
		width: 20px;
		padding: 100px 50px 0;
		background: white;
	}

	.uni-margin-wrap {
		padding: 20% 0 20% 0;
		height: 80%;

		.swiper {
			height: 100%;

			.productList-N {
				background-color: gray;
				padding: 4px 8px;
				border-radius: 8px 8px;
				margin-left: 10px;
				text-align: center;
				display: inline;
			}

			.gy {
				margin-left: 10px;
				line-height: 40px;
			}

			.cl {
				margin-left: 10px;
			}
		}

		image {
			width: 100%;
			height: 80%;
			object-fit: cover;
		}

		view {
			color: white;
		}
	}

	.fxBox {
		width: 100%;
		height: 100vh;
		background-color: rgba(0, 0, 0, 0.3);
		position: fixed;
		top: 0;
		z-index: 111;

		.fxBoxT {
			width: 200px;
			background-color: white;
			left: 20%;
			top: 36%;
			position: relative;
			border-radius: 10px 10px;
			padding: 20px 20px;
		}

		.bottomB {
			width: 100%;
			display: flex;
			color: black;
			font-size: 20px;
			font-weight: bold;
			text-align: center;
			margin-top: 20px;

			view {
				width: 50%;
			}

			>view:last-child {
				color: #066EB5;
			}
		}

		.Fxtext {
			font-size: 20px;
			font-weight: bold;
		}

		.fxuser {
			width: 40px;
			height: 40px;
			margin: 20px 20px 20px 0;

			image {
				width: 100%;
				height: 100%;
			}
		}
	}

	.imgCount {
		position: absolute;
		bottom: 25%;
		right: 4%;
		text-align: center;
		color: white;
		z-index: 1;
		margin-bottom: 4px;

		img {
			width: 24px;
			height: 24px;
		}
	}

	.fxImg {
		bottom: 0%;

		img {
			width: 28px;
			height: 28px;
		}
	}

	.DEtailimg {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		position: fixed;
		top: 0;
		z-index: 111;

		>view {
			margin: 50% 0px 0px 0px;
		}

		image {
			width: 100%;
		}
	}

	.product {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 1);
		position: fixed;
		top: 0;
		z-index: 111;
	}

	.companyDetail {
		line-height: 1;
		background: #F1F1F1;

		.popup_con {
			padding: 30rpx;
			min-height: 600rpx;

			.xPopupTitle {
				font-weight: bold;
				font-size: 32rpx;
				text-align: center;
				padding: 30rpx 0 30rpx;
			}

			.pc_item {
				margin-bottom: 30rpx;
			}

			.pci_title {
				font-size: 28rpx;
				font-weight: bold;
			}

			.pci_desc {
				margin-top: 20rpx;
				display: flex;

				&>view {
					width: 25%;
					text-align: center;
				}

				&>view:first-child {
					width: 40%;
				}

				.item {
					margin: 0 10rpx;
					margin-top: 10rpx;
					height: 51rpx;
					line-height: 51rpx;
					background: #EFF8FF;
					border-radius: 26rpx 26rpx 26rpx 26rpx;
					font-size: 25rpx;
					color: #066EB5;
				}
			}
		}

		.companyImg {
			width: 100%;
			height: auto;
			position: relative;
			overflow: hidden;

			// background: black;
			.leftSliding {
				width: 200rpx;
				height: 90%;
				position: absolute;
				right: -140rpx;
				top: 50%;
				transform: translateY(-50%);
				display: flex;
				flex-direction: column;
				align-items: flex-start;
				justify-content: center;
				background: rgba(255, 255, 255, 0.5);
				border-radius: 50%;
				padding-left: 10rpx;
				font-size: 26rpx;

				image {
					width: 60rpx;
					height: auto;
					display: block;
				}
			}
		}

		.processingTechnology {
			display: flex;
			flex-wrap: wrap;
			align-items: center;
			padding-top: 10rpx;

			.processingTechnology_list {
				display: flex;
				flex-wrap: wrap;
				flex: 1;
			}

			.arrow_right {
				width: 50rpx;
				margin-top: 20rpx;
			}

			.processingTechnology_item {
				margin-right: 20rpx;
				padding: 0 20rpx;
				margin-top: 10rpx;
				height: 51rpx;
				line-height: 51rpx;
				background: #EFF8FF;
				border-radius: 26rpx 26rpx 26rpx 26rpx;
				font-size: 25rpx;
				color: #066EB5;
			}
		}

		.detailedness {
			box-sizing: border-box;
			padding: 0 30rpx;
			background-color: #FFF;

			.detailednessBox {
				padding: 30rpx 0;
				border-bottom: 1rpx solid #F1F1F1;

				.detailednessTitle {
					display: flex;
					align-items: center;

					image {
						width: 30rpx;
						height: auto;
						margin-right: 15rpx;
					}

					view {
						font-size: 28rpx;
						color: #707070;
						font-weight: bold;
					}
				}
			}
		}

		.companyProduct {
			box-sizing: border-box;
			padding: 10rpx 30rpx 30rpx 30rpx;
			background-color: #FFF;
			padding-bottom: 0;

			// margin-bottom: 10rpx;
			.companyProductTitle {
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
				margin-bottom: 10rpx;
			}

			view::-webkit-scrollbar {
				display: none;
			}

			.companyProductBox {
				padding-top: 10rpx;
				padding-left: 10rpx;
				display: flex;
				flex-wrap: nowrap;
				// justify-content: space-between;
				// border-bottom:1px solid #F1F1F1;
				position: relative;

				&>view {
					margin-right: 30rpx;
					margin-bottom: 30rpx;
					border-radius: 8rpx;
					width: 300rpx;
					box-sizing: border-box;
					border: 2rpx solid rgba(0, 0, 0, 0.05);
					padding: 15rpx 15rpx 0rpx 15rpx;
					box-shadow: 0 0 10rpx 1rpx rgba(0, 0, 0, 0.4);

					image {
						border-radius: 8rpx;
						// width: 307.5rpx;
						width: 100%;
						height: 307.5rpx;
					}

					.text_con {
						padding: 15rpx;
						box-sizing: border-box;

						.text_con_title {
							font-size: 30rpx;
							// text-align: center;
							white-space: nowrap;
							overflow: hidden;
							color: #000;
							text-overflow: ellipsis;
						}

						.text_desc {
							width: 100%;
							white-space: nowrap;
							overflow: hidden;
							text-overflow: ellipsis;
						}
					}

					view {
						font-size: 26rpx;
						color: #333333;
						line-height: 1.5;
					}
				}
			}
		}

		.companyComponents {
			display: flex;
			align-items: center;

			>view:first-child {
				width: 8rpx;
				height: 24rpx;
				background: #EC8425;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				margin-right: 15rpx;
			}

			>view:last-child {
				font-size: 28rpx;
				color: #333333;
				font-weight: bold;
			}
		}

		.companyIntro {
			box-sizing: border-box;
			padding: 30rpx;
			background-color: #FFF;
			margin-bottom: 10rpx;

			.companyCompanyIntroduction {
				margin-top: 20rpx;
				font-size: 28rpx;
				color: #707070;
				line-height: 1.5;
				margin-bottom: 40rpx;
			}

			.companyCompanyIntroduction .text-ellipsis {
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
			}
		}

		.map_top {
			position: absolute;
			top: 30rpx;
			width: calc(100% - 60rpx);
			left: 50%;
			transform: translateX(-50%);
			height: 150px;
			background-color: rgba(0, 0, 0, 0);
			z-index: 99;
		}

		.companyBox {
			box-sizing: border-box;
			padding: 30rpx;
			display: flex;
			align-items: center;
			// justify-content: space-between;
			background-color: #FFF;
			// margin-bottom: 10rpx;
			// margin-top:-20rpx;

			border-radius: 20rpx 20rpx 0rpx 0rpx;

			// align-items: start;
			// position: relative;
			.bus_license {
				width: 100rpx;
				height: 100rpx;
				// position: absolute;
				// right: 0rpx;
				// text-align: center;
				justify-content: center;
				display: flex;
				align-items: center;

				// top: 0rpx;
				image {
					width: 80%;
					height: 80%;
				}
			}

			image {
				width: 120rpx;
				height: 120rpx;
				// margin-right: 10px;
				border-radius: 16rpx;
			}

			view {

				// width: 550rpx;
				.companyName {
					font-weight: bold;
					font-size: 31rpx;
					color: #000000;
				}

				.companyParticulars {
					font-size: 27rpx;
					color: #9C9C9C;
					line-height: 1.5;
					margin-top: 10rpx;
					display: flex;
					flex-wrap: wrap;
				}
			}
		}
	}

	.joinBtn {
		width: 230rpx;
		margin: 100rpx auto 0;
		padding: 20rpx 20rpx;
		text-align: center;
		color: #fff;
		background-color: $xt-primary;
		border-radius: 10rpx;
	}

	.caiJ {
		position: fixed;
		top: 0;
		width: 100%;
		height: 100vh;
		background: black;
		z-index: 99999;
	}

	.upload_pic {
		background-color: $xt-primary;
		border-radius: 8rpx;
		color: #fff;
		padding: 10rpx 15rpx;
	}

	.upload_pic_box2 {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		margin-top: 15rpx;
		color: $xt-primary;
		border: 1px dashed $xt-primary;
		padding: 120rpx 0rpx 90rpx;
		border-radius: 25rpx;
	}

	.upload_pic_box {
		margin-top: 15rpx;
		color: $xt-primary;
		border: 1px dashed $xt-primary;
		padding: 100rpx 0rpx 70rpx;
		border-radius: 15rpx;
	}

	.save_btn {
		width: 47%;
		padding: 25rpx 0rpx;
		text-align: center;
		border-radius: 40rpx;
	}

	.un_save {
		background: #F5F5F5;
	}

	.save {
		color: #fff;
		background: $xt-primary;
	}

	.bgcff7 {
		background-color: #f7f8fa;
	}

	.bh {
		padding: 30rpx;
		font-size: 14px;
		font-family: PingFangSC, PingFangSC-Regular;
		font-weight: 400;
		text-align: left;
		color: #f53d10;
		line-height: 20px;
		background: #fff7f5;
		border-radius: 12px;
	}
</style>